<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<title>学校名称+生日会</title>
		<link rel="stylesheet" href="css/main.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<script type="text/javascript" src="js/2.1.4jquery.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
	</head>
	<body>
		<style>body {background: #F4F5F6 !important;}</style>
		<div class="birparCont">
			<div class="bannerBox">
				<div class="cont flex flex-align-c flex-justify-b">
					<div class="ct1 fontRed flex">
						<span class="f60">魔羯座</span>
						<span class="f32 mt-20">(7月23日-8月22日)</span>
					</div>
					<div class="xz-img">
						<img src="img/xz1.png" />
					</div>
				</div>
				<div class="leftBtn"><img src="img/more.png" /> </div>
				<div class="rightBtn fan"><img src="img/more.png" /> </div>
			</div>
			<div class="logisCont">
				<div class="cases">
					<div class="tit flex flex-align-c">
						<img src="img/br-img4.png" class="img2" /><span>礼品数量:</span><span class="fontG1 ml-20 f22">232份</span>
					</div>
					<div class="cont flex flex-align-c">
						<img src="img/br-img1.png" class="img3" /><span>姓名:</span><span class="fontG1 ml-40 f22">张哟</span>
					</div>
					<div class="cont flex flex-align-c">
						<img src="img/br-img2.png" class="img3" /><span>电话:</span><span class="fontG1 ml-40 f22">15874562134</span>
					</div>
					<div class="cont flex flex-align-c">
						<img src="img/br-img3.png" class="img3" /><span>地区:</span>
						<div class="address ml-40 f22 fontG1">
							<span>北京市/北京市/朝阳区</span>
							<span>石榴红和善家园22号楼201室</span>
						</div>
					</div>
					<div class="cont flex flex-align-c">
						<img src="img/logis-img1.png" class="img2" /><span>邮政编码:</span><span class="fontG1 ml-20 f22">10020</span>
					</div>
				</div>
			</div>
			<div class="logisCont">
				<div class="cases">
					<div class="cont flex flex-align-c">
						<img src="img/logis-img3.png" class="img1" /><span>物流状态：</span><span class="fontRed ml-20 f22">待收货</span>
					</div>
					<div class="cont flex flex-align-c">
						<img src="img/logis-img2.png" class="img2" /><span>物流公司：</span><span class="ml-20 f22">京东快递</span>
					</div>
					<div class="cont flex flex-align-c">
						<img src="img/logis-img1.png" class="img2" /><span>运单编号：</span><span class="ml-20 f22">258411115451451</span>
						<div class="copy">复制</div>
					</div>
				</div>
			</div>
			<div class="logisCont">
				<div class="cases1">
					<div class="cont">
						<div class="state1"><img src="img/logis-img4.png" /></div> <!-- 状态一 -->
						<div class="t1">货物已完成配送，感谢您选择京东配送</div>
						<div class="fontG1 f22 mt-15"><span class="mr-30">2010/9/10</span> <span>22：00</span></div>
					</div>
					<div class="cont">
						<div class="state2"></div><!-- 状态二 -->
						<div class="t1">配送员开始配货，请您准备收货，配送员王峥嵘，手机号<span class="ml-10 f22 fontRed">15874562134</span></div>
						<div class="fontG1 f22 mt-15"><span class="mr-30">2010/9/10</span> <span>22：00</span></div>
					</div>
					<div class="cont">
						<div class="state2"></div><!-- 状态二 -->
						<div class="t1">货物已配送，等待配送</div>
						<div class="fontG1 f22 mt-15"><span class="mr-30">2010/9/10</span> <span>22：00</span></div>
					</div>
				</div>
			</div>
			<div style="height: 2.66rem;"></div>
			<div class="bottom-btn">修改发放礼品方式</div>
		</div>
		<script>
			(function(docs, win) {
				var docEls = docs.documentElement,
					resizeEvts = 'orientationchange' in window ? 'orientationchange' : 'resize',
					recalcs = function() {
						window.rem = docEls.getBoundingClientRect().width / 10;
						docEls.style.fontSize = window.rem + 'px';
					};
				recalcs();
				if (!docs.addEventListener) return;
				win.addEventListener(resizeEvts, recalcs, false);
			})(document, window);
		</script>
	</body>
</html>
